@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration: none;}

/**/
/*banner*/
.banner{width:100%;height:600px;white-space:nowrap;margin:0 auto;overflow:hidden;position:relative;z-index:1;}
.banner_m{width:50%;height:600px;display:inline-block;position:relative}
.wrapper{width:1920px;height:600px;display:inline-block;position:relative;left:-967px}
.fn-clear{zoom:1}
.box_skitter{position:relative;background:0 0}
.box_skitter ul{display:none}
.box_skitter .container_skitter{overflow:hidden;position:relative}
.box_skitter .images{overflow:hidden}
.box_skitter .image img{display:none}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.box_skitter .prev_button{position:absolute;top:45%;left:16%;z-index:100;width:72px;height:143px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(img/prev.png) no-repeat left top!important}
.box_skitter .next_button{position:absolute;top:45%;right:16%;z-index:100;width:72px;height:143px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(img/next.png) no-repeat left top!important}
.box_skitter .label_skitter{z-index:150;position:absolute;display:none}

#slideshow{width:1920px;height:600px;}
#slideshow ul{display:none}




/*index_about*/
.yz { padding:80px 0;}
.yz h2{display: block; float: left;font-weight: normal;font-size: 24px;line-height: 38px; color: #333; margin-right: 101px;}
.yz h2 span{display: block; font-size:24px ; color:#333333 ; font-weight: bold;line-height: 38px;}
.yz h2 span em{font-size:32px;}
.yz h2 img{display: block; width: 130px ;height:74px;margin-bottom: 12px;}
.yz_z li{ float: left;font-size: 48px; line-height: 48px; color: #333333; font-weight: bold; width:190px;}
.yz_z li:last-child{ margin-right: 0;}
.yz_z li b{ display: inline-block; font-size: 48px; line-height: 48px; color: #333; vertical-align: bottom;}
.yz_z li i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size:16px ; color: #333333; border-radius: 2px; border: 1px solid #333333; text-align: center; margin-left: 2px;}
.yz_z li span{ display: block;font-size: 18px; line-height: 38px; color: #333; font-weight:normal;}
.yz_z li img{display: block; width: 55px; height: 55px; margin-top: 20px;}

/*index_about*/

/*index_product*/
.tit01{text-align: center; font-family: "Microsoft YaHei";font-size: 48px; color: #222222; display: block; margin-bottom: 40px;}
.tit01 a{color: #222222;}
.tit01 span{text-align: center; font-family: "Microsoft YaHei";font-size: 24px; color: #222222; display: block; font-weight: normal;}
.tit{text-align: center;font-weight: normal; position: relative;}

.tit i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-bottom: 10px; text-transform: uppercase; font-family: "Myriad Pro";} 
.tit span{display:block;font-size: 40px;color: #313131;line-height: 40px;}
.tit:after{position: absolute; left:50%; top:85px ; width:25px ; height: 2px; content: ""; background: #999999;margin-left: -12px;}



.zuoce_body{height: 68px;  border: 1px solid #ccc; border-width: 1px 0 1px 0;}
.nav2{ width:1200px; height:48px; line-height:36px;z-index:9999; background: #eee; margin-top: 10px;}
.nav2 a{ color:#666;}
.nav2 .nLi{width:200px;height:48px;line-height:48px;float:left; position:relative; display:inline;text-align: center;}
.nav2 .nLi h3 a{ display:block; font-size:16px; color: #444; padding: 5px; padding: 0 25px; text-align: center; border-bottom: 1px #ddd dashed;}
.nav2 .nLi:nth-child(13) h3 a{ border:none; }
.nav2 .nLi:nth-child(14) h3 a{ border:none; }
.nav2 .nLi:nth-child(15) h3 a{ border:none; }
.nav2 .nLi:nth-child(16) h3 a{ border:none; }
.nav2 .nLi h3 a:hover{ background: #3ba86f; color: #fff; border: none;}
.nav2 .sub{ display:none; width:192px; left:0; top:48px;  position:absolute;line-height:38px; z-index: 9999999; padding-top: 0px; background: #666;}
.nav2 .sub li{ zoom:1;font-size: 13px;border-bottom: 1px dashed #898989; background: url(../images/libgn.png);}
.nav2 .sub a{ display:block; padding:0 10px;color: #fff; width: 172px; text-overflow:ellipsis;white-space:nowrap;overflow: hidden; text-align: center; font-size: 15px;}
.nav2 .sub a:hover{ background:#3ba86f;}
.nav2 .on{ background:#3ba86f; text-align: left;}
.nav2 .on h3 a{ color:#fff; }



.pro{ height: 1000px;background:url(img/index/cpbg.jpg) no-repeat center;}
.pro .tit{ padding-top: 70px;}
.pro .tit:after{ top: 155px;}
.pro_con{ margin-top: 80px;}
.pro_l{ float: left;}
.pro_l h3{font-size: 30px; line-height: 30px; color: #333; font-weight: normal; padding-bottom: 6px; padding-top: 32px;}
.pro_l h4{font-size: 14px; line-height: 14px; color: #333333; font-weight: 100; padding-bottom: 40px;opacity: 0.4;}
.pro_l p{font-size: 14px; line-height: 24px; color: #333; font-weight: normal; padding-bottom: 14px; width: 460px;}
.pro_l ul{ margin-top: 38px;}
.pro_l li{ width: 540px; height: 90px; margin-bottom: 14px;}
.pro_l li a{ display: block; padding-left: 45px; font-size:26px ; color: #ffffff; line-height:90px; background:url(img/index/jia.png) no-repeat 430px 20px #005197; width: 495px; height: 90px;}
.pro_l li.cur a,.pro_l li:hover a{ color: #FFFFFF; background:url(img/index/jian.png) no-repeat 430px 20px #3ba86f;z-index: 100; position:relative;width:533px;}
.pro_r{ float: right;width: 657px;margin-right: 3px; border:#f7f7f7 solid 1px;}
.pro_r li{ width: 600px;height: 730px;position: relative;}
.pro_r li img{display: block; width: 600px; height: 730px;}
.pro_r li p{ position: absolute;top: 48px; left: 80px; right:20px;}
.pro_r li p i{ display: block; color: #fff; font-size: 36px;line-height:36px ; padding-bottom: 28px;}
.pro_r li p span{ display: block; color: #fff;padding-left: 36px; background:url(img/index/gou.png) no-repeat 0 0;line-height: 28px; padding-bottom:10px ;font-size: 16px; }

/*index_product*/
.rx{ background: url(img/index/ys_bg.jpg) no-repeat center 0;height:950px;background-size:100% 100%;}
.rx h2{text-align: center;font-weight: normal; position: relative; padding-top: 85px; padding-bottom:30px;}
.rx h2 span{display:block;font-size: 36px;color: #FFF;line-height: 36px;}
.rx h2:after{position: absolute; left:50%; top:133px ; width:25px ; height: 2px; content: ""; background: #3ba86f;margin-left: -12px;}
.rx_con{ margin-top: 42px;position: relative;}
.rx_qie{height:352px; }
.rx_con li{ float: left; width: 288px;height:288px;margin-right: 12px;margin-bottom:20px; position: relative;}
.rx_con li>a>img{display:block; width: 288px;height:288px;}
.rx_con li span{ display: block; width: 100%; height:55px; line-height:55px; position: absolute; left:0; bottom: 0; border-top: 1px solid #e5e5e5; font-size:16px; color: #333333;text-align: center;background:rgba(255,255,255,0.8);}
.rx_con li p{ position: absolute; top: 0%; left: 0; display: none; background: rgba(59,168,111,0.8); width: 100%;height: 166px; padding-top:122px ;}
.rx_con li p>a>img{ margin: 0 auto; display: block;}
.rx_con li p>a em{ display: block; text-align: center;font-size: 18px; line-height: 28px; color: #333333;padding-top:10px;}
.rx_con li:hover span{display: none;}
.rx_con li:hover p{ display: block;}



/**/

/**/
.ysbj{ height:905px; position: relative; box-sizing: border-box; background:#fff; padding-top: 88px; overflow: hidden; font-family:"Microsoft Yahei";}
.ysbj h2{margin-bottom: 35px;}
.ysbj h2 span{ background: url(img/index/ystitbg.png) no-repeat center center;}
.ys{ height:658px;  position: relative;padding-top: 50px; }
.yst{ width:800px; height:103px;  position: absolute;left:205px;top:0; z-index: 1;}
.yst li{cursor: pointer; position: relative; margin-right: 110px; width:95px; height:103px;  color: #fff;  float:left; font:20px "Microsoft Yahei"; font-weight:bold; text-align:center;padding-top: 55px; box-sizing: border-box;}
.yst li:nth-child(1){margin-left: 40px;}
.yst li:last-child{margin-right: 40px;}
.yst li.cur{ color: #fff;}
.yst li:nth-child(1){background:url(img/index/ysico1.png) no-repeat center top;}
.yst li:nth-child(2){background:url(img/index/ysico3.png) no-repeat center top;}
.yst li:nth-child(3){background:url(img/index/ysico4.png) no-repeat center top;}
.yst li:nth-child(4){background:url(img/index/ysico5.png) no-repeat center top;}


.yst li:nth-child(1).cur{background:url(img/index/ysico1cur.png) no-repeat center top;}
.yst li:nth-child(2).cur{background:url(img/index/ysico3cur.png) no-repeat center top;}
.yst li:nth-child(3).cur{background:url(img/index/ysico4cur.png) no-repeat center top;}
.yst li:nth-child(4).cur{background:url(img/index/ysico5cur.png) no-repeat center top;}


.m_ys{ height:658px;}
.ys .jt a{width: 23px; height: 42px;position: absolute;top:42%;}
.ys .ysprev a{background: url(img/index/ysleft.png) no-repeat 0 0;left:-90px;}
.ys .ysnext a{background: url(img/index/ysright.png) no-repeat  0 0;right:-90px;}
.ys  dl{width:1200px; height:550px;overflow: hidden;position: relative; }
.ys  dl dt{width: 1200px;height: 550px; display: block; float: left;}
.ys  dl dt img{width: 1200px;height: 550px; display: block;}
.ys  dl dd{height: 380px; width: 440px;padding:30px 25px 0; box-sizing: border-box;  position: absolute;  top:110px; left:60px; background:rgba(255,255,255,0.95);}
.ys  dl dd h3 {height: 95px; padding-top: 45px; color: #fff; font-size: 30px; color: #222222; text-align: left; font-weight: bold; box-sizing: border-box; background: url(img/index/01.png) no-repeat;  }
.ys  dl dd p{line-height: 23px;overflow: hidden; font-size:15px;color: #333333;  text-align: left;padding-left: 18px; background: url(img/index/yspico.jpg) no-repeat 0 9px;margin-top: 22px;  }
.ys  dl dd p i{font-size: 15px; color: #ff0101; font-weight: bold;}




 .xbanner{background:url(img/index/ixbannerbg1.jpg) center center no-repeat;width:100%;height:200px}
 .icon{background:url(img/index/icon.png) no-repeat;display:inline-block;vertical-align:middle;}
 .xbanner .slip_tit{width:772px}
 .xbanner .slip_tit .tit1{padding-top:55px;font:700 32px microsoft yahei;color:#fff}
 .xbanner .slip_tit .tit2{margin-top:14px;font-size:24px;color:#fff}
 .xbanner .slip_btn{width:300px;text-align:center}
 .xbanner .slip_btn span{display:block;font-size:15px;color:#fff;line-height:18px;padding-top:40px;padding-bottom:5px}
 .xbanner .slip_btn span i{width:16px;height:16px;background-position:0 -141px;margin-right:7px;vertical-align:bottom}
 .xbanner .slip_btn p{font-weight:700;font-size:34px;color:#fff;font-family:arial;line-height:36px}
 .xbanner .slip_btn a{display:block;width:300px;height:46px;background-position:0 -217px;margin-top:16px;font-size:18px;color:#fff;line-height:46px;position:relative;-webkit-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s;}
 .xbanner .slip_btn a:hover{background-position:0 -271px;}
 .xbanner .slip_btn a img{width:300px;height:0;transition:all .36s ease;position:absolute;left:0;top:46px; z-index:9999;}
 .xbanner .slip_btn a:hover img{height:300px;}
 

.floor_6_main{margin-top:90px;margin-bottom:100px}
.floor_6_main .floor_6_1{background:url(img/index/t12_03.jpg) center center no-repeat;width:1200px;height:470px;position:relative}
.floor_6_main .floor_6_1 .indexTit{text-align:right;position:absolute;right:0;top:8px}
.floor_6_main .floor_6_1 .indexTit p{text-align:right}
.floor_6_main .floor_6_1 .floor_6_2{padding-left:10px;padding-top:10px}
.floor_6_main .floor_6_1 .floor_6_2 b{width:730px;height:440px;border:#fff solid 1px;opacity:.4;filter:Alpha(opacity=40);position:absolute;left:14px;top:14px}
.floor_6_main .floor_6_1 .floor_6_2 img{width:740px;height:450px;background-size:100%;float:left}
.floor_6_main .floor_6_1 .floor_6_2 .f_z{float:left;width:352px;margin-left:49px;margin-top:176px}
.floor_6_main .floor_6_1 .floor_6_2 .f_z h3{font-size:24px;color:#fff;line-height:24px}
.floor_6_main .floor_6_1 .floor_6_2 .f_z p{display:block;font-size:14px;color:#fff;line-height:24px;margin-top:24px;height:110px;text-align:justify}
.floor_6_main .floor_6_1 .floor_6_2 .f_z a{display:block;float:right;width:198px;height:44px;border:#739bbe solid 1px;border-radius:6px;font-size:16px;color:#fff;text-align:center;line-height:44px}
.floor_6_main .floor_6_1 .floor_6_2 .f_z a:hover{background-color:#739bbe}
 
.floor_6_3{display:block;clear:left;width:1200px;margin-top:50px}
.floor_6_3 .parHd{height:45px;width:1200px;position:relative}
.floor_6_3 .parHd s{display:block;width:410px;height:1px;background-color:#eee;position:absolute;left:0;top:22px}
.floor_6_3 .parHd b{display:block;width:410px;height:1px;background-color:#eee;position:absolute;right:0;top:22px}
.floor_6_3 .parHd ul{display:block;width:380px;height:45px;margin:0 auto}
.floor_6_3 .parHd ul li{display:block;width:178px;height:43px;float:left;border:#eee solid 1px;background-color:#fff;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.floor_6_3 .parHd ul li a{display:block;font-size:16px;color:#333;line-height:43px;text-align:center}
.floor_6_3 .parHd ul li:hover,.floor_6_3 .parHd ul li.on{background-color:#005197;border:#005197 solid 1px}
.floor_6_3 .parHd ul li:hover a,.floor_6_3 .parHd ul li.on a{color:#fff}
.floor_6_3 .parHd ul li:nth-child(2){margin-left:20px}
 .floor_6_3 .parHd ul li:first-child+li{margin-left:20px}
 .floor_6_3 .parBd{width:1200px;height:214px;margin-top:50px}
 .floor_6_3 .parBd .slideBox{width:1200px;height:214px;position:relative}
 .floor_6_3 .parBd .slideBox .sPrev{width:40px;height:90px;background-color:#ddd;position:absolute;left:-58px;top:62px}
 .floor_6_3 .parBd .slideBox .sNext{width:40px;height:90px;background-color:#ddd;position:absolute;right:-58px;top:62px}
 .floor_6_3 .parBd .slideBox .sPrev:hover,.floor_6_3 .parBd .slideBox .sNext:hover{background-color:#343d44}
 .floor_6_3 .parBd .slideBox .sPrev span{width:14px;height:26px;background-position:-51px -158px;margin-top:32px;margin-left:13px}
 .floor_6_3 .parBd .slideBox .sNext span{width:14px;height:26px;background-position:-69px -158px;margin-top:32px;margin-left:13px}
 .floor_6_3 .parBd .slideBox ul{width:1200px;height:214px}.floor_6_3 .parBd .slideBox ul li{float:left;width:290px;height:214px;position:relative;margin-right:13px;overflow:hidden;text-align:center}
 .floor_6_3 .parBd .slideBox ul li img{width:290px;height:214px;background-size:100%;transition:all .36s ease}
 .floor_6_3 .parBd .slideBox ul li p{position:absolute;left:0;bottom:0;width:290px;height:36px;background:url(img/index/t13_03.png);font-size:14px;color:#fff;line-height:36px}
 .floor_6_3 .parBd .slideBox ul li:hover img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);}


.floor_5_main{width:100%;padding-top:80px;overflow:hidden;background-color:#fcfcfc;padding-bottom:100px}
.indexTit{text-align:center}
.indexTit .tit2{font-size:48px;color:#005197;font-weight:700;line-height:48px}
.indexTit .tit2 span{color:#3ba86f;display:inline-block;padding-left:24px}
.indexTit .subtit{font-size:16px;color:#333;font-weight:400;line-height:18px;text-align:center;width:1200px;margin:0 auto;margin-top:18px}
 .floor_5_1{width:1200px;height:452px;padding-top:50px}
 .floor_5_1 .floor_5_z{float:left;width:380px;height:452px;position:relative}
 .floor_5_1 .floor_5_z a{display:block}
 .floor_5_1 .floor_5_z .dk{height:213px;width:100%;border-top:none}
 .floor_5_1 .floor_5_z b{width:380px;height:285px;overflow:hidden;display:block}
 .floor_5_1 .floor_5_z img{width:100%;height:100%;display:block;transition:all .36s ease}
 .floor_5_1 .floor_5_z h3{font-size:18px;color:#333;line-height:18px;width:100%;display:block;padding-top:20px}
 .floor_5_1 .floor_5_z p{font-size:14px;color:#666;line-height:24px;width:100%;margin-top:10px;height:87px}
 .floor_5_1 .floor_5_z i{display:block;font-size:14px;color:#434343;margin:0;padding:0;width:120px;height:30px;line-height:30px;text-align:center;border:#e5e5e5 solid 1px;border-radius:6px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
 .floor_5_1 .floor_5_z em{display:block;width:100px;height:100px;background-color:#3ba86f;text-align:center;font-size:16px;color:#fff;font-family:arial;position:absolute;left:0;top:0}
 .floor_5_1 .floor_5_z em span{display:block;font-size:60px;color:#fff;line-height:50px;padding-top:14px}
 .floor_5_1 .floor_5_z:hover h3{color:#3ba86f}
 .floor_5_1 .floor_5_z:hover p,.floor_5_1 .floor_5_z:hover i span{color:#333}
 .floor_5_1 .floor_5_z i:hover{background-color:#3ba86f;color:#fff;border:#3ba86f solid 1px}
 .floor_5_1 .floor_5_z a:hover b img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
 .floor_5_1 .floor_5_y{float:right;width:800px;height:452px}.floor_5_1 .floor_5_y ul{display:block;width:100%;height:452px;margin:0 auto}
 .floor_5_1 .floor_5_y ul li{height:103px;width:100%;margin:0 auto;margin-bottom:28px;position:relative;border-bottom:#b9b9b9 dashed 1px;padding-bottom:28px}.floor_5_1 .floor_5_y ul li em{display:block;float:left;display:block;width:98px;height:98px;border:#e5e5e5 solid 1px;text-align:center;font-size:16px;color:#333;font-family:arial;position:absolute;left:0;top:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
 .floor_5_1 .floor_5_y ul li em span{display:block;font-size:60px;color:#333;line-height:50px;padding-top:14px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
 .floor_5_1 .floor_5_y ul li a{display:block;width:100%;height:100px}
 .floor_5_1 .floor_5_y ul li h3{width:660px;float:right;height:100px}
 .floor_5_1 .floor_5_y ul li p{font-size:18px;color:#333;width:100%;line-height:18px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
 .floor_5_1 .floor_5_y ul li p span{display:block;font-size:14px;color:#666;line-height:22px;padding-top:18px;font-weight:400}
 .floor_5_1 .floor_5_y ul li:hover i,.floor_5_1 .floor_5_y ul li:hover i span{color:#2e63bc}
 .floor_5_1 .floor_5_y ul li:hover p{color:#3ba86f}
 .floor_5_1 .floor_5_y ul li:hover em,.floor_5_1 .floor_5_y ul li:hover em span{color:#3ba86f}
 


.floor_7_main{height:60px;width:100%;line-height:60px;background-color:#3ba86f}
 .floor_7_main .tit{float:left;width:80px;color:#fff;font-size:16px;font-weight:700}
 .floor_7_main ul{display:inline-block;float:right;width:1120px;height:60px;line-height:60px}
 .floor_7_main ul li{float:left;height:60px;line-height:60px;padding-right:10px}
 .floor_7_main ul li a{display:block;font-size:14px;color:#fff}
 .floor_7_main ul li a:hover{color:#f1f1f1}